layui.use(["laytp"], function () {
    const funController = {};
    //静态页面地址前缀
    window.htmlPrefix = facade.compatibleHtmlPath("/admin/ah/label/");
    //后端接口地址前缀
    window.apiPrefix  = facade.compatibleApiRoute("/admin.ah.label/");
    //表格渲染
    funController.tableRender = function (where, page) {
        // if(typeof where =="undefined"){
        //     where = {
        //         // order_param :{
        //         //     'type' :'desc',
        //         //     'field' :'sort',
        //         // }
        //     }
        // }
        layui.table.render({
            elem: "#laytp-table"
            , id: "laytp-table"
            , url: window.apiPrefix+"index"
            , toolbar: "#default-toolbar"
            , defaultToolbar: [{
                title: '刷新',
                layEvent: 'refresh',
                icon: 'layui-icon-refresh',
            }, 'filter', 'print', 'exports']
            , where: where
            , method: "GET"
            , cellMinWidth: 120
            , skin: 'line'
            , loading: false
            , page: {
                curr: page
            }
            , parseData: function (res) { //res 即为原始返回的数据
                return facade.parseTableData(res, true);
            }
            , done: function(res,curr,count){
                trNum = count;
                for(var i = 0;i<res.data.length;i++){
                    var state = res.data[i].type;
                    if(state != 'normal'){
                        var index = res.data[i]['LAY_TABLE_INDEX'];
                        $('th[data-field="1"] input[type="checkbox"]').prop('disabled', true); // 禁止全选
                        $('tr[data-index=' + index + '] input[type="checkbox"]').prop('disabled', true); // 禁止部分选择
                    }else{
                        table_data.push(res.data[i])
                    }
                }
                layui.laytpTable.done();
            }
            , cols: [[
                {type:'checkbox',fixed:'left',templet:function (d) {
                        if(d.type === 'system'){

                        }
                    }}
                , {field:'id',title:'ID',align:'center',width:80,fixed:'left'}
                , {field:'value',title:'标签名称',align:'center',width:120,fixed:'left'}
                , {field: "color", title: "文字颜色", align: "center",templet:function(d){
                        return '<div style="width:30px;height:30px;box-shadow:0 0 10px 5px rgba(0,0,0,0.1);background-color: '+d.value_color+'"></div>';
                    }
                }
                , {field: "word_color", title: "背景颜色", align: "center",templet:function(d){
                        return '<div style="width:30px;height:30px;box-shadow:0 0 10px 5px rgba(0,0,0,0.1);background-color: '+d.bg_color+'"></div>';
                    }
                }
                ,{
                    field: "operation",
                    title: "操作",
                    toolbar: "#default-bar",
                    fixed: "right",
                    align: "center",
                    width: 160
                }
            ]]
        });

        //监听数据表格顶部左侧按钮点击事件
        layui.table.on("toolbar(laytp-table)", function (obj) {
            //默认按钮点击事件，包括添加按钮和回收站按钮
            var defaultTableToolbar = layui.context.get("defaultTableToolbar");
            if (defaultTableToolbar.indexOf(obj.event) !== -1) {
                laytp.tableToolbar(obj);
            } else {
                // //自定义按钮点击事件
                // switch(obj.event){
                // //自定义按钮点击事件
                // case "":
                //
                //     break;
                // }
            }
        });

        //监听数据表格[操作列]按钮点击事件
        layui.table.on("tool(laytp-table)", function (obj) {
            var defaultTableTool = layui.context.get("defaultTableTool");
            if (defaultTableTool.indexOf(obj.event) !== -1) {
                laytp.tableTool(obj);
            } else {
                // //自定义按钮点击事件
                // switch(obj.event){
                // //自定义按钮点击事件
                // case "":
                //
                //     break;
                // }
            }
        });

        //监听表头排序事件
        layui.table.on('sort(laytp-table)', function(obj){
            layui.table.reload('laytp-table', {
                initSort: obj //记录初始排序，如果不设的话，将无法标记表头的排序状态。
                , where: {
                    "order_param" : {
                        "field" : obj.field,
                        "type" : obj.type
                    }
                }
            });
        });
    };

    funController.tableRender();

    window.funController = funController;
});